<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Steelaris</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
	<div id="header-stretch">
		<div id="header" class="container">
				<h1><a href="#">Steelaris</a></h1>
				<div id="topbox">
					<ul class="topmenu">
						<li><a href="#">Home</a></li>
						<li><a href="#">Sitemap</a></li>
					</ul>
					<div id="search">
						<input type="text" value="Search..."/>
						<input type="submit"  />
					</div>
				</div><!--end topbox-->
		</div><!--header-->
	</div><!--end header stretch-->
	
	<div id="navigation-strech">
		<div id ="nav">
			<ul class="main-nav">
				<li><a href="">Home</a></li>
				<li><a href="">Company Profile</a></li>
				<li><a href="">Services</a></li>
				<li><a href="">Products</a></li>
				<li><a href="">Career</a></li>
				<li><a href="">Certifications</a></li>
				<li><a href="">Contact Us</a></li>
			</ul>
		</div>
		<div id="slider">
			<img src="images/photoalbum.jpg" alt="" />
		</div>
	</div><!--navigation-strech-->
	
	
	<div id="main" class="container">
	
		<div id="photo" >
			<img src="images/slideshow.jpg" alt="" />
		</div><!--end nav-->
		
		<div id="latestnews">
			<h2><span>Latest news<a href="#">More news</a></span></h2>
			<div class="post">
				<p>Fri, 12 Aug 2011</p>
				<h3>A wonderful serenity has taken possession of my entire soul.</h3>
			</div>
			
			<div class="post">
				<p>Fri, 12 Aug 2011</p>
				<h3>A thousand unknown plants are noticed.</h3>
			</div>
			
			<div class="post">
				<p>Fri, 12 Aug 2011</p>
				<h3>A thousand unknown plants are noticed by me.</h3>
			</div>
		</div><!--latestnews-->
	</div><!--end main-->
	
	<div id="main-content" class="container">
		
			<div id="content">
			
				<div class="services">
					<h2>Services</h2>
					<ul class="lists">
						<li><a href="#">A wonderful serenity has taken possession of my entire soul.</a></li>
						<li><a href="#">like these sweet mornings of spring which I enjoy with my whole heart.</a></li>
						<li><a class="more" href="#">View all</a></li>
					</ul>
				</div><!--end services-->
				
				<div class="services">
					<h2>Career</h2>
					<ul class="lists">
						<li><a href="#">A wonderful serenity has taken possession of my entire soul.</a></li>
						<li><a href="#">like these sweet mornings of spring which I enjoy with my whole heart.</a></li>
						<li><a class="more" href="#">View all</a></li>
					</ul>
				</div><!--end career-->
					
			</div><!--end content-->
			
			<div id="company">
				<div class="profile">
					<h2>Company Profile</h2>
					<p>
					A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. <br />

					I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. 
					A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. 
					I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.
					</p>
				</div><!--end profile-->
			</div><!--end company-->
			
	</div><!--end main content-->
		


	<div id="footer" class="container">
		<div id="sitemap">
			<ul>
				<li><a href="#">Home</a></li>
				<li><a href="#">Company Profile</a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Career</a></li>
				<li class="last"><a href="#">Contact Us</a></li>
			</ul>
		</div>
		<div id="logo">
			<div style="float:left"><img src="images/logo_small.jpg" alt="" /></div>
			<p id="copy">© 2011 Steelaris copyright. All rights reserved.</p>
		</div>
	</div><!--end footer-->
	</div><!--end wrapper-->
</body>
</html>